<%@page import="java.awt.print.Printable"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>顺丰电子面单</title>
<style type="text/css">
<!--


body{ font-family: Arial; line-height:10pt;font-size:7pt;background-color:#FFF; }
.font5{ font-size:5pt;font-weight:100;}
.font7{ font-size:7pt;font-weight:100;}
.font8{ font-size:8pt;font-weight:100;}
.font12{ font-size:12pt;font-weight:100;}
.font30{ font-size:30pt;font-weight:100;}
.font50{ font-size:50pt;font-weight:100;}
.font-jc{ font-weight:bolder;}
.fontxt{font-style:italic; }
.tab1{ width:98mm;}
.tabsb { border:#666 solid 1px; }
.tabsb2 { border:#999 solid 1px; }
.tabsb3 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-bottom:#020202 solid 2px; border-top:#020202 solid 2px;}
.tabsb4 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-top:#999 solid 1px;}
.tabsb5 { border-left:#999 solid 1px;border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.tabrd {border-bottom:#999 solid 1px; border-right:#999 solid 1px;}
.tabr {border-right:#999 solid 1px;}
.tabd { border-bottom:#999 solid 1px;}
.margin-left20 { margin-left:20px;}
.padding-left5{padding-left:5px;}
.padding-left20{padding-left:20px;}
.font-90deg{ line-height:5pt !important; display:block; transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
-->
</style>
</head>

<body>
<table class="tabsb tab1"   border="0" align="left" cellpadding="0" cellspacing="0" >
  <tr>
    <td align="center" valign="middle" style="height:15mm;"><table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="25%" valign="middle" style="height:15mm;"> <!-- <img src="img/logo.jpg" width="70" height="25" /> --></td>
        <td width="30%" class="font30 font-jc" align="center" valign="middle"><!-- COD --></td>
        <!-- <td width="20%" class="font50 font-jc" align="center" valign="middle">E</td> -->
        <td align="center" valign="middle">
        <!-- <span class="font12">次日到达</span><br >
        <span class="font5">2014年1月10日 上午到达</span> -->
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" style="height:22mm;">
    <table class="tabsb4" width="96%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style=" height:10mm;" align="left" class="padding-left5 font7 tabrd">
        寄件:${printerModel.fromName}<span class="padding-left20"> ${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}</span> <br/>
        ${printerModel.fromAddress}
        </td>
        <td valign="top" align="left" class="tabd font7" style="width:28mm;">
       	<span class="padding-left5"> 原寄地</span> <br>
       	<!-- <span style="display:block; text-align:center;"> 755A</span> --> 
        </td>
      </tr>
      <tr>
        <td style="height:12mm;" align="left" class="padding-left5 font8 tabr">
        收件:${printerModel.toName} <span class="padding-left20 padding-left5"> ${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span> <br/>
        ${printerModel.toAddress}
        </td>
        <td valign="top" class="font8 " align="left">
        <span class="padding-left5" style="line-height:10pt !important;">目的地</span> <br>
        <span class=" font30 font-jc " style="line-height:23pt !important;display:block; text-align:center;" >${printerModel.toDistCode}</span></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" style="height:22mm;">
    <table class=" tabsb3" width="96%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td rowspan="4" align="center" valign="middle" class="tabr"><!-- <img src="img/ydh.jpg" width="179" height="55" /> --></td>
        <td align="center" valign="middle" class="tabd" style="width:28mm; height:10mm;">
         <!-- <span class=" font12 font-jc"  style="line-height:12pt !important;">电商特惠</span><br >
         <span class=" font8 font-jc ">1.5KG</span> -->
        </td>
      </tr>
      <tr>
        <td align="left" class="tabd" style="width:28mm; height:4mm;">
         <span class=" padding-left5">收件员</span>
        </td>
      </tr>
      <tr>
        <td align="left" class="tabd" style="width:28mm; height:4mm;">
         <span class=" padding-left5">寄件日期</span>
         </td>
      </tr>
      <tr>
        <td align="left" style="width:28mm; height:4mm;">
        <span class=" padding-left5"> 派件员</span>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" style="height:30mm;">
    <table class="tabsb5" width="96%" border="0" cellspacing="0" cellpadding="0" style="height:30mm;">
      <tr>
        <td align="left" valign="top" class="font8" style="line-height:12pt !important;">
        <!-- <span class="padding-left5"> 付款方式:寄付月结 月结账号:8521234567</span><br > 
        <span class="padding-left5"> 保价申明值:300元 保费:24元</span><br > 
        <span class="padding-left5"> 代收货款金额:300元 卡号:1234567890</span> -->
        </td>
        <td align="left" valign="top" style="width:28mm;line-height:12pt !important;">
        <span class="padding-left5">第三方地区:  </span><br >
        <span class="padding-left5 fontxt" style="padding-top:15mm; display:block;">收方签署: <br > 日期:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 月        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 日</span>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
        <td style="height:2mm;"></td>
  </tr>
  <tr>
    <td align="center" style="height:40mm;">
    <table class="tabsb2" width="96%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle" class="tabrd" style="height:15mm;">
        </td>
        <td rowspan="3" align="center" valign="middle" style="width:28mm;">
        <!-- <img src="img/smyl.jpg" width="92" height="93" /> -->
        <!-- <span style="display:block; height:4mm; width:25mm; background-color:#000; color:#FFF; font-size:10pt; font-weight:bolder; margin-top:3px;">扫码有"礼"</span> -->
        </td>
      </tr>
      <tr>
        <td style="height:13mm;" align="left" class="padding-left5 font7 tabrd">
        收件:${printerModel.toName} <span class="padding-left20 padding-left5"> ${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span> <br/>
        ${printerModel.toAddress}
        </td>
        </tr>
      <tr>
        <td align="center" valign="middle" class="tabr" style="height:12mm;"><!-- <img src="img/ydh.jpg" width="179" height="35" /> --></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" valign="top" style="height:19mm;">
    <table width="96%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabsb5" style="height:18mm;">
  <tr>
    <td align="center" valign="middle" class="tabd" style="height:5mm;">托寄物</td>
    <td align="center" valign="middle" class="tabd">SKU</td>
    <td align="center" valign="middle" class="tabd">数量</td>
    <td align="center" valign="middle" class="tabd">备注</td>
  </tr>
 <c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
  	<c:if test="${i.count <= 4}">
	  <tr>
	    <td align="center" valign="middle" style="height:5mm;">${item.itemName}</td>
	    <td align="center" valign="middle">${item.skuNumber }</td>
	    <td align="center" valign="middle">${item.number}</td>
	    <td align="center" valign="middle"></td>
	  </tr>
	  </c:if>
  </c:forEach>
</table>
</td>
  </tr>
</table>
</body>
</html>

